<template>
  <Layout>
      <h1>Posts 1</h1>
      <ul>
          <li v-for="post in posts" :key="post.id">
              {{post.title}}
          </li>
      </ul>
      <div>test store</div>
      <span>{{this.$store.state.count}}</span>
  </Layout>
</template>

<script>
import axios from 'axios'
export default {
    name: 'Posts1',
    data(){
        return {
            posts:[]
        }
    },
    async created(){
        const {data} = await axios.get('https://jsonplaceholder.typicode.com/posts')
        this.posts = data
    }
}
</script>

<style>

</style>